<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .d1{
            width:200px;
            height: 200px;
            background:red;
            /*按方向写*/
            /*margin-left: 100px;*/
            /*margin-top:20px;*/

            /*简写方式*/
            /*上右下左*/
            /*margin:20px 40px 60px 30px;*/

            /*上30px  左右60px  下20px*/
            /*margin:30px 60px 20px;*/

            /*上下30px 左右60px*/
            /*margin:30px 60px;*/


            /*上右下左40px*/
            margin:40px;
        }
    </style>
</head>
<body>
    <div class="d1"></div>
</body>
</html>